<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix firstItem icon-course">{{ course.course }}</div>
    <div class="item icon-clock">{{ course.testDate }} {{ course.testTime}}</div>
    <div class="item icon-site">{{ course.lieuTest }}</div>
    <div class="item icon-credit">{{ course.credit }}</div>
    <div class="item icon-notes">{{ course.notes ? course.notes : '无注意事项' }}</div>
  </el-card>
</template>

<script>
export default {
  name: 'ResitInfo',
  props: {
    course: Object,
  },
  data() {
    return {
    };
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
